Читать онлайн книгу "HTML, XHTML и CSS на 100%"
HTML, XHTML ? CSS ?? 100%
????? ?????
?? ?????? ??????? ??????????? ???? ?? ????????? ?????????? ?????? ??????????, ????? ?? ??? ????????, ??????? ? ??????????? ???????? ??, ???? ?????: ?????????? ??????? ???????? ? ????????????? ??????. ?????? ????? ??????? ????????????? ???????????????? ????, ???????? ?????? ????????????. ??? ??????????? ?????? ?????? ???????????????? HTML ? XHTML, ? ????? ????????? ?????? ?????? CSS. ? ? ???? ?????? ?????, ??????? ?? ??????? ? ?????,?? ?????? ??, ??? ??? ??????????. ? ?? ??????? ?? ????????? ????????? ??????? ???????????, ??????? ? ???????????????? ?????. ? ???? ?????? ???? ????????? ??????? ?? ????????? ???????????? ? ????!
????? ?????
HTML, XHTML ? CSS ?? 100%
????????
????????? ??????? ????? ????? ?? ???????? ???????????? ?????????? XX ????. ? ???? ????? ????????????? ??????? ????? ??????? ????? ??? ??????? ????????????, ?? ?????????? ?????? ? ????????? ??????????? ?? ??? ???. ? ?????? ???? ???? ?????????? ????? ???? HTML (HyperText Markup Language ? ???? ?????????????? ????????), ?????????? ????????? ?????? ????????, ??????? ??????????? ?????????? ????? ??????.
? ????????? ????? ???????????? ????????? ?????? ????? HTML ??? ????????? XHTML (eXtensible HyperText Markup Language ? ??????????? ???? ?????????????? ????????), ?????????? ????????? ????? XML (eXtensible Markup Language ? ??????????? ???? ????????). ?? ??????????? ????????? XML ??? ???????????? ????? (HTML ? XHTML) ? ????? ??????????, ??????? ???????? ???????? ? ????? ??????? ????? HTML ??? ???????? ????? ????????????? ???????? ??? ???????? ??????. ? ????????? ?? ????? ??????? ?????? ????? XHTML, ??? ??????? ?? HTML, ? ????? ??????????, ??????? ?????? ????????? ??????????? ???-???????, ????? ??? ???? ???????????? ??????????? ????? XHTML.
? ??????? ?????????? HTML ????? ????????? ???-???????? ?? ??????????? (??????????) ??????????. ?????? ??? ?????? ?? ??????????? ?? ????????? ??????? ?? ?????? ???????, ??? ?????????? ?????? ????????? ?????????? ?? ??????????????. ??????? ????? ??????? ????, ????? ????? ????????, ??? ?? ??? ????????? ???? ??????????, ??????????? ?? ?????? ??????? ????. ????? ???????? ?????????? ?????????????. ??? ?? ???????? ???????????? ????????? ?????????, ?????????? ? HTML-??? ?????? ????????. ??? ?????????? ?????????? ?????????? (script). ???????? ?????????? ?????? ???????? ????????? ?? ??????????? ?????? ???????? JavaScript. ? ?????? ????? ????????? ????? ???????? ?? ???? ?????, ??????????? ??? ????????? ? ??????? ????????? ?????????, ??????? ????????? ??? ??????????? ??????. ???? ????? ??????? ? ??????? ????????? ????????? ????? ?????. ? ??? ???????? ???????????? ?????? ?????? ? HTML-????? ? JavaScript, ??????????? ????????????? ???-?????????. ???????? ?????, ?? ??????? ????????? ?????????? ????? ????????????????? ???? ? ??????????.
????? ?????????? ? ???????? ????????? ????????? HTML. ? ?????? ????? ??????????, ?? ????? ??????????? ??????? HTML-???, ??????????? ??? ???????? ????? ???-????????. ???????? ???????? ??????? ? ?????? ???????? ? ?????????????? ???????????? ????? HTML (????????? ? ?????????), ???????????, ??? ????? ????????? ? ???? ????????? HTML.
? ????????? ???? ?????? ??????????? ?????? ???????? ? ?????????? ???????? ?????? ????????? HTML. ?? ????????????? ?? ????????? ????? ?????? ? ??? ??????????????, ????????? ???????? ???? ??????, ? ????? ????????? ? ???????? ???-??????? ? ?????????????? ?????????? (????? ? ???????????). ??? ???????? ??????? ???????? ?????????? ???-????????, ????????? ??????? ???????? ? ????? ? ????????? ??????? ?????? ?????, ??????? ?? ??????? ??????????? ?? ?????? ??????????.
? ????????? ???? ?????? ??????????? ?????? ? ?????. ????? ? ??? ??????????? ? HTML-???????? ?????? HTML-????????. ????? ????????? ????? ??????, ????? ?? ???-???????? ????? ????????? ????????? ????????? ???????????, ???????????? ?????????? ?? ??????? ??????????. ? ??????? ?????? ??????????? ??????, ??? ??????????? ????????? ????????? ?? ??????????? ??????. ????? ????????? ????????? ?? ???-???????? ???????? ??????????, ??? ? ??????? ?????????? Windows, ? ???????????? ?? ??? ????? ? ??????????? ?????, ?????? ????????????? ??????? ? ?.??.
????????? ????? ????? ????????? ????? ?????? ????????? ???-??????? ? ?????? CSS (Cascading Style Sheets ? ????????? ??????? ??????) ? JavaScript. ? ??????? JavaScript, ??? ?? ??? ??????, ????????? ?????????? ???-????????, ??????????? ????? ????????????? ?????????????? ? ??????????? ?????. ?? ???? ???????? JavaScript ????????? ?????????? ???-???????? ? ????????? ?????????. ?? ??????? ????????? ?????, ??? ????????? ? ??????? ????????? ? HTML-???.
???? CSS ? ????? ??????????? ? ??????????? ?????????? ?????????? ??????????, ???????????? ???????? ??????????????, ??????? ??????????? ? Word. ?????? ???? ????? ?????? ??? ??????? ????????? ?????????? ?????????????? ????? ?????????, ?? ??????????? ????? ? ?????????? ??? ???, ??? ??????????. ???? CSS ????????? ??????? ??? ? ??????? ? ??????? ?????.
???????? ????? ???????????? ????????? ??? ???????? ??????? ???-??????? ?????????? ? ????????? ???-???????, ?????? ? ??????? ? ??????? ??? ???????? ????? ? ? ???? ?????? ????????? ????????, ??????????? ?????????? ???????? ???-???????, ? ?????? ???????????? ? ?????????????? ?????????. ??? ?? ????? ???????? ??? ?????????, ?? ??????? ????????? ???????? ???-???????, ????????? ?????? ????? ?????? ?? ???????? ???????????????? ??????.
?? ????? ?????????? ???????
????????? ????????? ? ?????????, ?????? ??????? ?? ???? ????? ?? ?????? ?? ?????? alexanderzhadaev@sigmaplus.mcdir.ru (mailto:alexanderzhadaev@sigmaplus.mcdir.ru) ??? ??????? ??? ???????? ????????? www.sigmaplus.mcdir.ru (http://www.sigmaplus.mcdir.ru/). ???? ????? ?????????? ???? ?????? ? ?????, ? ? ??????????? ???? ??? ???? ????????? ? ????????? ? ????????? ????????.
????????? ??????
?? ????????????
???? ?????????, ??????????? ? ??????? ??????????? ?? ?????? ??????????? ????? gromakovski@minsk.piter.com (mailto:gromakovski@minsk.piter.com) (???????????? ??????, ???????????? ????????).
?? ????? ???? ?????? ???? ??????!
?? ????? ???????????? http://www.piter.com (http://www.piter.com/) ?? ??????? ????????? ?????????? ? ????? ??????.
????? 1
??????? ?????????? HTML-???????
1.1. ????? ??????? HTML
1.2. ????????? HTML-?????????
??? ???????? ???-??????? ????? ???????????? ???? ?????????????? ???????? HTML. ???????, ?????? ???? ????????????, ?? ?????????? ????? ??????? ?????????? HTML-???????. ?? ??????????? ????? ????????? ? ?????? ? ???? ?????? ??? HTML-??? ????? ????? ?????????????? ? ???????????? ?????????.
1.1. ????? ??????? HTML
?????????? ????? ??????? ?????? HTML-?????????? ? ????????, ???????????? ??? ???????? ??????. ?? ?? ? ?????????? ? ???? ???????.
???????
??????? ????? HTML ???????? ???????. ?? ????? ? ???? ???????????? ??????????, ????? ????????? ???????? ? ????? ??? ?????? ?????????????? ??????. ???????? ????? ??????? ??????? ?????????? ?????. ???, ??? ?? ???????? ??????? ?? ????? ????????, ????? ??????? ? ??????? ?????????.
???????? ???????? ?????????? ? ??????? ??????, ????????
. ?????????? ????????? ?????????? ?????. ? ?????? ?????? ??? ??????????? ???. ?????? ?????????? ?????? ?????? ??????????? ???, ??????? ???????????? ???:
. ? ???????? ?????? ???? ???????????? ??? ?????????????? ??????, ??? ?????? ?????? ? ????? ????? ??????????????. ?????? ??????????? ??? ?????? ?? ?????????, ? ?????? ??? ????? ??????????, ?????? ??? ?????????? ????????? ????????? ????????????? ?????? ???????????? ??????????? ???.?????? ??????? ?????? ????? ????? ??????? ???: ??????????? ??? ???????? ??????????????, ? ??????????? ?????????. ??? ???? ???????? ???????? ? ?????? ?????, ????? ?????????? ??????? / ? ??????????? ????, ???????? ?????????? ????????? ? ??????????.
???????? ????????????? ????????????? ???????????? ???? ???????? ?????? ? ????????? P, ??????? ?????????? ?????:
>????? ???????>
?????? ? ? ?????? ?????? ??????????? ??? ???????? ??????????????, ?? ???????????. ??????? IMG, ??????? ????????? ???????? ?? ????, ????????, ?? ??????? ??????? ???????????? ????. ?? ?????????? ???????? ???????? ????? ??????????, ????????? ?? ??? ??????????? ???.
???????? ??????????? ??? ????, ????? ??????? ????????, ????? ???? ?? ?????? ?????? ? ???????????? ????? ????????, ? ????? ????? ?????????? ???? ???? ?????? ?????????. ????? ????, ???????? ????? ????????, ??? ?????????? ??? ??????????. ??? ????? ?????????? ???????? ?????????.
???????
? ??????? ????????? ????? ????????? ????????? ??????? ??????????? ??????????, ??????????? ? ??????? ?????????? ?????????, ? ? ????????? ??????? ?????????? ???????? ??? ????????? ?? ???? ???????????. ????????, ? ????? ?????? ????? ????????? ????? ?? ?????? ????, ? ? ?????? ? ?? ???????. ????? ?????? ???????????? ??????, ?????????? ??????? align ???????? P:
???????????? ?? ?????? ????
???????????? ?? ??????? ????
???????? ????????? ???????? ????? ????? ????????? ? ???????? ? ????? ???? ???????. ????????? ????????? ?????? ????? ????????????? ????????, ??? ?????? ?????????? ???????? ?? ??????????.
???????? ? ?? ???????? ???????? ??????? ????? HTML, ?? ??? ??????????? ??????????? ???????? ? ????????? ??? ????? ????? ??????? ????????? ?????????. ??? ????? ?????????? ??????? ???????. ???? ????????, ??? ??????? HTML-???????? ?? ????? ????????, ?????? ??? ?????? ??? ?????????? ??? ?????????.
1.2. ????????? HTML-?????????
??? ???????? ????????? ????????? ? ???????? ????????? ?????????? ? ??? ????????????? ????? ?????????, ??????? ?????????? ??? ??????????? ?????? ?????????? ?????????.
?? ???????? 1.1 ?????, ??? HTML-???????? ???????? ????????? ??????????:
? ?????? ?????????? ???? ?????????;
? ????????????? ?????????;
? ???? ?????????.
??????? 1.1. ???????? ????????? ? ???????? DOCTYPE
"http://www.w3.org/TR/html4/loose.dtd">
...???????? ?????????...
...???? ?????????...
?????????? ???? ?????????
? ?????? ??????? HTML-????????? ??????? ???????? ?????? ?????????? ?????? ????:
??? ?????? ???? ???????? ????? ?????????? ?? HTML-?????????. ???????? ?? ?? ??? ??? ???? ?? ???????? ????????? ?????? ?????, ?????????? ?? ?? ?????? ? ???????, ????? ?????????? ? ????????? ????? ?????? ?? ???????? DOCTYPE.
? HTML ? ??????????, ??? ??? ???????? ????????? ??????????? ???? HTML.
? PUBLIC ? ????????? ?? ??, ??? ??? ???????? ????????? ???????????? ???????????? ?????? HTML.
? "-//W3C//DTD HTML 4.01 Transitional//EN"?? ?????? ????????? ??? ???????????? ?????, ???????????? ??? ???????? ?????????. ???? ??????? ?? ????? ????? ?????? ??????????, ??? ????????? ??????? ????????? ??????? ?????????, ?? ????????????? ???, ????? ?????? ????????? ?? ?? ?????? ? ????????? ????????. ? ?????? ?????? ??? ???? HTML ?????? 4.01, ???????? ?? ?????? ????????? ?????.
? "http://www.w3.org/TR/html4/loose.dtd"?? URL-????? ?????????, ??????????? ?????? ??????????? ???? ?????????, ??????????????? ? ???????????? ? ?????? HTML 4.01.
??? ????? ????? ?????? ??????????? ???? ????????? (Document Type Definition, DTD), ?? ??????? ? ????? ?????, ????? ????????? ? ???????? ????? XHTML. ?????? ?? ?????? ?????????, ??? ??? ????????, ??????? ?????????? ???????? ??? ?????? ?????????, ??????????????? ??? ?????? ? ?????? ?????????? HTML, ??? ??? ?????????? ?????????. ??? ?????????? HTML 4.01 ??????????? W3C ?????????? ??? ?????? ????? ?????? DTD.
? ????? ??????? ?????? DTD, ??????? ???????, ????? ?????? HTML-???????? ????? ?????????????? ???? ??????????? ???????????? HTML 4.01. ????????? ? ???? ??????? ?????? ???????? ????? ??????????:
? ????? ?????????? (transitional) ?????? DTD, ??????? ????????? ????????????? ??????????, ?? ?????????????? ? ?????? HTML 4.01 ????????? ? ?????????. ????????? ? ???? ??????? ?????? ???????? ????? ??????????:
? ????? ?????? DTD ??? ?????????? HTML 4.01 ? ????????. ??? ????? ??????, ?? ??? ??????: ???? ???-???????? ???????? ? ???? ???????? ??? ????? ?????????? ???? ?? ?????? ???????? ?????????, ??????, ??? ? ???? ????????? HTML-????????. ????????? ?????? ???? ?????? ????????? ????????? ??????????:
? ???? ?????????? ?????????? ????? ????????? ?????????? ? ?????? ????????? HTML 4.01. ???? ?? ?????????? ??? ??? ???????? HTML-?????????, ???????, ?????? ?????, ??? ?????? ??????????, ??? ??? ?????????? ??????????????? ????????, ?? ??????????? W3C ???????????? ??????????? ???????? ?????????? DOCTYPE ?? ??? ??????????????? ?????????.
????? ?????????? ??????: ? ????? ?????????? ??????? ? ?????????? ??????? DTD ? ????? ?? ??? ??????? ????????????? ????? ?????? ? ???????? ???????? ????????? ? ????? ? ????? HTML ? ?????????. ????? ?? ?????????? ??????? ????? ? ????????????? ??????? DTD ????? ???????? ? ????, ??? ??? ???????? HTML 4.01 ?? ????? ????????? ???????????????? ?????????? ??????????? ???????????, ??????? ? ????????? ????? ?????????? ???????????? ?????????? ????? DTD.
????? ???? ??? ?? ????? ????? ?????????? ? ????????, ????? ??????????? ? ?? ??????????.
??????? HTML
???????? ????????? ????????? HTML 4.01 ???????? . ??? ??????, ??? ??? ????????? ???????? ?????????? ?????? ????? ? . ??? ?? ????? ? ?????????? HTML 4.01 ???? ??????? ?? ???????? ????????????, ???? W3C ??????????? ???????? ???. ? XHTML-?????????? ??????? HTML ???????????.
? ???????? HTML ????? ??????????? ????????? ????????.
? lang ? ?????????? ???? ?????????.
? dir ? ?????? ??????????? ?????? ?? ????? ????????? (RTL ? ?????? ??????, LTR ? ????? ???????).
? version ? ?????????? ?????? ????????? HTML, ??????????????? ??? ??????????? ?????????. ??? ?????????? ???????, ? ??? ?????????? ?? ?????????????.
? title ? ?????????? ??????????? ????????? ??? ????????.
? ???????? 1.2 ??????????? ?????? ????????????? ???????? HTML ?????? ? ??????????, ???????????? ?? ????????????? ???????? ????? ? ??????????? ?????? ????? ???????.
??????? 1.2. ??????? HTML ? ??????????
"http://www.w3.org/TR/html4/loose.dtd">
!?????????? ??????????>
?? ???.?1.1 ??????????? ????????? ????????????? ????????? ???????? HTML.
???.?1.1. ???????? ???????? title ?????????? ? ???? ???????? ?????????
??????? ????????, ??? ??????? dir ? ?????? ?????? ?? ????????? ??????????? ?????????? ????????? ????????? ???? ????????? ??????. ????????, IE 6 ? Opera 9 ?????? ??????????? ????? ?? ??????? ????, ? ????????? ?????????? ???????? ???? ??????? ?????? ??????????. ??? ???, ???? ?? ???????? ???????????? ????? ? ?????????????? ???????????? ?????? (?????, ???????? ????), ???? ??????? ????? ????????? ? ?????????????.
??????? HEAD
????? ???? ??? ??? ????????? ??????? ??????, ?????? ??? ????? ??????? ????????? ???????. ??????????, ???????? ? ??????? HEAD, ?? ???????????? ? ???? ????????, ? ???????? ??? ? ????????? ????????.
? ????????? ?????? ?????????????? ??? ???????????, ??? ? ??????????? ???? ? , ????? ???????? ????????????? ?????? ????????, ??????? ????????? ?????????? ? ????????. ????????, ??????????? ?????? ???????? HEAD, ?????? ????? ?????? ????: ??????, ???????????? ? ???, ???????? ???????? ? ????????? ????????, ? ????????? ???????? ? ? ?????????? ?????????.
??? ???????? HEAD ?????????? ?? ?? ????????, ??? ? ??? HTML, ? ????? ??????? profil. ?? ????????? ?????? ????? ????? ? ???????????, ??????? ??????????????? ?????????? ?????? ?????????. ? ??? ??????? ????? ????? ???????? ???????????? ?????? ????? ? ??? ?? ????????? . ?????? ???? ??????? ???? ?? ?????? ? ???????? ? ????????? ?? ??????? ???????? ????? HTML.
????????, ??????? ????? ???????????? ?????? ???????? HEAD, ???????????? ? ????. 1.1.
??????? 1.1. ????????, ???????????? ?????? ???????? HEAD
? ??????? ???????? ??????? ??????, ?????? ?? ?????????? ????????? ?? ??? ?????????. ??? ????? ??????? ?? ???????? ???????? ? ????. 1.1, ??? ???????? ??????, ?????? ??? ???? ????????.
?????? ? ????????, ????????????? ????????? ????????.
??????? TITLE
?? ?????? ???????? ????????, ??????? ????? ???????????? ? ?????? ????????? ???? ????????. ???????? ???????????? HTML 4.01 ? ?????????? ???????? HEAD ??????????? ??????? ???????? TITLE, ?????? ? ???????????? ?????.
??????? ??????? ??????? ???????????? ???? . ?????, ???????????? ????? ??????????? ? ??????????? ??????, ? ????? ???????????? ? ?????? ????????? ???? ????????.
?????? ???????? ??????? ? ?????????? ??????????, ? ??? ????????,?? ??????? ????????? ????????? ????????? ?????. ????????? ????????? ??????? ?????????? ?????, ???????????? ? ???? ????????, ??? ?????? ? ??????? ??? ? ???????? ????????? ?????????? ??????, ??????? ????????? ? ??????????? ???????????? ???????? ????? ???????? ??????????? ?? ????.
?? ?????? ????????? ???????????? ???????? ?????????????? ??????????: ??? ??? ?? ???? ? ??? ?????????? ??????? ????????. ?? ????? ??????, ??? ?????????? ? ????????? ??????? ??????? ????? ? ??????????????? ?????????. ?????????? ????? ??????????? ????, ? ????? ????????? ????? ???????????? ?? ??????? ?????? ????? ? ?? ??? ????? ????? ????? ????????????????, ? ????? ?????? ????????.
??????????? ????????? ???????????? ??????????? ?????????? ???-???????? ?? ?????????. ? ???? ?????? ??? ???????????? ????? ????????? ? ????????? ????????? ?????????. ???? ? ?????? ????????? ?????????? ???????, ???????????? ? ????? ????? (\ /: *? " < > |), ?? ??? ????? ??????????????? ??? ???????? ??????? ???????????? ?????????.
??? ?????????? ? ??????? ???????? ????????? ? ???????? ???????? ?????? ????? ?????????????? ?????, ?????????? ? ???????? TITLE. ? ???? ?????? ????? ??????? ???????? ? ?? ?????????? ?????????? ? ?????? ??????. ????????? ???? ??????, ??? ???????, ???????? ? ???? ????????? ??????, ? ?? ?????? ????? ??????????? ????????????? ???????.
? ???????? 1.3 ??????? ?????? ????????????? ???????? TITLE.
??????? 1.3. ????????????? ???????? TITLE
"http://www.w3.org/TR/html4/loose.dtd">
!?????? ?????????? ??????????>
!?????????? ??????????>
???????? ???????? ????? ???????????, ????????? ?????? ?? ?? ???????????.
?? ???.?1.2 ??????????? ????????? ?????? ???????? 1.3. ?????, ??? ????? ????????? ???????????? ? ?????? ????????? ????.
???.?1.2. ??? ????????? ????????
?? ???????????? ? ?????????? ????? ????????, ?????? ?????????, ????? ????????? ?????????? ????? ??????????? ?????? ???????? HEAD.
??????? META
??????? META ???????????? ??? ???????? ?????????????? ?????????? ? ????????. ??? ?????????? ???????? ????????? ??? ????????? ????????, ? ????????? ??????? ? ??? ?? ??????????. ????????, ????? ??????? ?????? HTML-?????????, ????? ???????????? ??????? META ????????? ???????:
????? ???????? ???????? name ?????? ??? ???????? Author, ???????? ? ???????? content ????????????? ??? ? ????? ???????. ? ???? ? ??????? ????? ??????? ?????????? ????????? META: ? ?? ??????? ?? ??????? ? ???????? name ??? ?????? ????????, ???????? ????? ? ???????? content ???????????? ????????. ?????? ???????? name ????? ???????????? ??????? http-equiv, ??????? ?????? ??? ?????? ????????? ??????????? ???????? ? ???-????????. ????????, ?????????? ????? ???????:
?? ???????? ????????, ????? ????? ???????? ???? ???????? ? ???? ?????? ????????. ????? ????? ????? ????? ????????? ????????? ?????? ???????.
? ???????? HEAD ????? ???? ????????? ????????? META, ?????? ??? ? ??????????? ?? ???????????? ????????? ??? ????? ????? ?????? ??????????. ? ????. 1.2 ???????????? ????????? ???????? ???????? http-equiv. ????????, ???????????? HTML 4.01 ?? ?????????? ???????? ????? ????????, ????????? ??? ??????????????? ?????????? ?????? ??????????? ? ???-????????. ???????????? ???????? META ? ?????? ?????????? ????????????? ?????? ?????????????? ????????????.
??????? 1.2. ????????? ???????? ???????? http-equiv
?????????? ????????? ?????????? ????????? ???? ?????????.
? ???????? 1.4 ???????? ?????? ????, ??? ? ??????? ???????? http-equiv ?????? ???????? ????????? ????????.
??????? 1.4. ?????????? ???????? http-equiv
"http://www.w3.org/TR/html4/loose.dtd">
??? ????? ?? ???????, ???????? ???????? http-equiv ????????? ?? ??????????, ???????? ??????? ?????????? ? ??????? ???????? content.
???????? content-type, ?????????????? ? ???????, ????? ?????????? ??? ???? ?????? ? ????????????? ?????????. ??????????? ?????? ????????? ???, ????? ??????? ????? ??????????? ?????????? ????? ?? ????? ????????.
????????????? ????????? refresh ???????, ????? ???????? ????????? ? ?????? ????? ??? ????? ? ??? ????? ???????. ? ????? ?????? ?????? ???? ????? ????????? ????????? ?????? ?? ?????? ???????, ????? ?????? ?????? ??????????? ?????????? ?????????? ?? ???????? ????. ? ??????? ?? ???????? 1.4 ????? 10 ?????? ????? ???????? ???????? ?????????? ???? test.ru.
?????
?? ??? ???????? ???????????? ?????????????? ?????????. ?? ?????? ?????? ?? ????????, ? ??????? ???? ?????????????, ????? ????????? ????????? ?????? ?? ???????? ?????????????.
?????????? ????????? ???????? ???????? content ??? ??????? ?? ?????????????? ??????? (????. 1.3).
??????? 1.3. ???????? ???????? content ??? ????????? ???????? ???????? http-equiv
??????????? ???????? ???????? content, ??????? ??? ????? ???????????, ???????????? ? ???????. ???????? ?? ?????? ?????? ???????????? ?????????????? ???????? content-type (??? ???????????), ? ????????? ????????? ?????? ???????? ??? ?????????????.
??????? name, ??? ? http-equiv, ???????? ????????? ?????????? ? ?????????, ?????? ? ??? ???????????? ?????????? ??????? ?????. ????????, ?????? ?? ?????? ? ?????????? ?????????. ??? ?????? ?? ?????? ?? ????????? ????????? ?????????, ?????? ???? ?????????? ??? ????????? ??????.
? ????. 1.4 ???????????? ????????? ???????? ???????? name.
??????? 1.4. ????????? ???????? ???????? name
??? ????? ?? ????. 1.4, ??????????? ??????? ???????? ?? ?????????? ???????? ? ???????????. ??? ????? ?????? ??????, ???? ????? ?? ???????? ????, ?? ?????? ??????? ??? ??????????, ? ? ???? ???????? ??????? META.
?????????, ?????????? ? ???????? META, ???????? ????????? ??????? ????????????? ??? ???? ? ???????????? ?????????. ? ??????????, ????? ??????? ?????? ? ?????????? ?????, ????????????? ??? ????? ???????? ? ???????? ?????????, ????? ??????????? ??????????? ?????? ?? ????????.
??????????
?????? ? ??? ??????????? ?????????, ??????? ???????????? ?? ????????? ? ?????????? ????????????? ?????. ?????????? ?????? ????????? ? ???? ????????? ??????, ? ????? ? ????? ?????? ?????????????? ?? ???? ?????.
? ??????? ?????????? ???? ?????????-?????? ? ???? ?????? ?????? ? ???????? ?????? ? ?????, ??????? ????? ?????????? ??????? ? ?????? ????????? ???????? ???? ????????? ??????????.
? ???????? 1.5 ???????? ?????? ????????????? ?????????? ???????? META ??? ?????????? ??????????? ????????.
??????? 1.5. ????????? ???????? META ??? ?????????? ? ???????????
"http://www.w3.org/TR/html4/loose.dtd">
? ??????? ?? ???????? 1.5 ?????? ????? ??????? ??????????. ?????????? ????????? ?? ????????.
???????? author ?????? ??? ??????. ???? ?????????? ????? ???????? ????????, ?? ?????? author ???????????? ???????? copyright, ? ? ???????? ???????? ???????? content ????? ?????? ??? ????????. ????? ??????? ????, ?? ??????? ???????? ???????? ????????? content. ??? ????? ???????????? ??????? lang.
???????? description ?????? ???????? ?????????. ?????, ???????? ??? ????? ?????????, ????? ?????????? ? ???????? ???????? ????? ????????, ????????????? ??????????? ? ??????????? ??????. ???????, ??? ???? ???????? ???? ???????? ????? ?????????, ?????? ??? ?????? ?? ???? ????? ???????????? ????? ??????, ????? ?? ????? ????????? ????? ????????.
???????? dynamic ???????? document-state ???????? ???????, ??? ???????? ???? ????? ????????????? ??? ????????? ???????, ?????? ??? ?? ?????????? ????? ??????????.
?????? ??? ???? ???????? ???????? ????? ???????? keywords: ?????? ??? ?? ??????? ?????, ?????? ? ?? ??????????. ??? ???? ????, ?? ??????? ???????? ???????? ?????, ???????? ? ??????? ???????? lang.
????????????? ????? ???????? ??????? ?? ????, ????????? ????????? ?? ???????????? ? ????????? ????????, ? ??? ?? ?????? ???????????? ?????? ???????????? ????????? ???????.
? ???????? ???????? ????? ???????????? ?????, ??????? ?????? ????????? ? ??????, ?????????????? ?? ????????. ??? ??????, ??? ??? ?????? ???????? ?????? ????? ???? ?????????? ???? ?????? ???????? ???? ???, ????? ??? ????????? ??????? ???????? ?? ??????????.
?? ????? ????????? ???????? ????? ?? ????????? ???. ???? ??????????? ??????????????, ?? ?????????? ? ??? ????? ? ????????, ??? ??? ??? ?? ????? ???????? ????????? ????????, ? ?????? ???????? ?????. ?????? ????????? ?????? ?????????? ?????? 200?250 ????????, ???????????? ? ????????? keyword. ??????? ???? ??????? ?? ?? ????????, ???????? ?????? ????? ??????? ??????????? ? ?????? ??????.
??? ??????? ???????? ???? ???????????? ????????????, ????? ????????? ? ????? ????? ???????????? ???????????? ??? ?????? ???????? ????? ????????, ? ??????????? ? ???????? ?????? ?????? ??. ??? ?????? ??????? ?????, ???? ???? ?? ???????? ?????????, ?????????? ???????????? ?????? ????????? ???????? ????, ????? ????, ??? ???????????? ?????? ?????? ??? ????, ?????????.
?????? ???????, ??? ?????? ????????? ??????? ????? ????? ?? ?????? ?? ???????? ?????? ? ???????? ?????? ????????????? ??? ????????, ????? ?????????? ?? ????????. ?????????? ????????? ????????, ? ??????? ???????? ????? ????????????? ??????????, ????? ? ??? ????? ???? ????????? ? ?????? ????? ??? ??????.
???????? resource-type ???????? ?????????? ?????? ??? ???????? ? ??????????? ??? ??????? ??????, ??? ????? ??????? ?????????? ??????????. ???????? ?????????????, ?????? ???? ? ???????? ???????? resource-type ?????? document.
?????????? ???????? revisit. ?? ???????, ??? ????????? ????? ?????? ????????? ??? ?????????????? ????? ????? ??? ???. ???? ???????? ???? ????????, ???? ?? ????????? ?????????? ?????????? ???????, ??? ?????????????? ???????? ? ????????? ???????? ?????????? ?????????? ? ????? ?????.
???????? robots ???? ??????? ????????? ??????????? ???????. ? ?????? ?? ??????? ?? ????????? ?? ??, ??? ??????? ???????? ????????????? ?? ????, ?????? ????? ?????? ?? ??????? ?? ???????? ? ???????????????? ????????? ????? ?????.
? ????. 1.5 ???????????? ???????, ??????? ????? ???????????? ??? ?????????? ????????.
??????? 1.5. ???????? ???????? content ??? ???????? robots
???????? ?????? URL, ????? ????????? ?????????? ??????? ???????? ? ???????? ?? ???????? ? ??????? test.ru.
?? ?????, ??? ??????????? ????, ?????????? ??????? ???????? ???????? META, ?? ???????? ?? ?????? ????????? ????????. ?????? ?? ??? ??? ??????????? ????? ?????????? ?????????, ?????? ?????? ????? ??????? ? ???, ??? ?? ?????? ??????? ? ??? ???????.
?? ?????? ?????, ??? ??? ???????????? ???????? META ??? ????????? ????? ? ????????? ???????? ?? ????????, ?? ??? ?? ??????, ???? ???? ?? ????? ??????????????? ????????? ???????????. ??????? ??????????? ??? ? ???????? ?????????? ? ??????????? ?????????? ?????.
??????? STYLE
?????? ????? ???????? ???????? ?????, ???????????? ?? ????????. ????? ????????? ?????? ????????? ???????? ????? ???? ?????????. ??????? STYLE ???????????? ???????? ??? ???????? lang ? title, ? ????? ????? ???????? type ? media. ??????? type ?????????, ????? ???? ??????? ?????? ??????????? ? ?????? ?????????, ? ??????? media ??????????, ?? ????? ?????????? ?????????????? ?????????????? ?????? HTML-????????.
??? ??????? ?????? ? ????????? HTML 4.01 ??????????? ???? CSS, ??????? ?? ????? ???????? ????????????? ? ??. 7. ????? ?? ?? ??????? ?????????? ??? ? ????????????? ????? ?????, ????? ?? ?????? ?? ???????????. ??? ????????? ??????, ??? ?????????? W3C ????????? ?? ????????????? ????????? ?????????????? ??????????? HTML-?????????? ? ?????????, ??????????? ??? ???????? ??????, ???????? ???????? ?????, ??? ?????????? ? ?????? ??????????????. ??? ??? ?????? ???????? ???????????, ?? ?? ????? ?????? ???????? CSS.
????????? ??????? ?????? (CSS) ??????????, ????? ??????????? ???????? HTML-??? ???????? ?? ?? ??????????. ????? ???????, ?????? ??????? ??????? ?????????? ????????? ?????????, ? ? HTML-???? ? ?????? ??????????? ?????. ??? ????? ??????? ????? ? ?? ?????? ?????? ?????????? ????????, ???? ????, ?????, ?? ????????? ???????? ?????????? ?????? HTML-????, ? ?????? ??????? ??? ? ??????? ??????.
??????? STYLE ????????? ??????????? ??????????? CSS ? ????????? ??? ?????????? ??????? ??????????. ?????? ????? ???????? ????? ?????????? ??? ?????????????? ??????????? ????????? ? ??????? CSS. ????? ??????? ???? ?????? ????, ???????? type ???????? STYLE ????????????? ???????? text/css, ?????????? ???????? ? ?????????? ??????? CSS. ??? ?????? ??????? CSS-?????:
????? ?? ?????? style
????? ?? ?????? style2
??? ?????? ???????? ????? style2 |
? ??????? ??????? ??? ?????: style ????? ????????? ?????? ??? ???????? P (??? ??????????? ????? ????? ????????? ????? ????? ???????? ????????), style2 ? ??? ?????? ???????. ? ???????? 1.6 ????? style2 ???????? ??? ? ??? ?????? ???????.
????????? ????????? ???????? 1.6 ??????????? ?? ???.?1.3.
???.?1.3. ????????????? ??????
??? ?????? ?? ?????? ????? ??????????? ?????? ????? ? ????? ?????. ???? ?? ????????? ??????? ?????????????.
?????
?? ???????? ????? ?????? ?????? ?? ??????????? ????????? ? ??????? ??? ?????? ?? ??????. ??? ???? ??????????? ???????????? ??????????, ?????????? ?? ??? ????????????? ?????? ??????.
???? ??? ???? ?????? ?????????? ? ???????? ?????: ???????? CSS-??? ??????????????? ? ??????? ???????? ? ???? ???????? ???????? style. ????? ??????? ???????? ??? ???? ????????? HTML. ? ??? ? ??????? CSS ????? ????? ? ??????? ????????????? ???????? ?????? ??????? ????????. ??? ??? ??? ???????? ??? ???????? P:
??? ??????, CSS-??? ????????? ? ?????????? ???????? STYLE ?? ??????????? ???????. ? ???????? 1.7 ??????????? ?????? ??????? ??????? ????????? ? ??????? ??????????? CSS-???? ? ???????? ???????? style.
??????? 1.7. ????????????? ???????? style
"http://www.w3.org/TR/html4/loose.dtd">
????? ? ????????? style="color:#CC0000; background:#9999CC; word-spacing:20px;"
????? ? ????????? style="color:#66FFFF; background:#990000; word-spacing:10px;"
???????? ?????? ??????? ? ????????? style="color:#66FFFF; background: #990000; word-spacing:10px;" |
????? ????????? ????? ?? ?????, ??? ? ? ?????????? ???????, ?? ????????? ?????? ? ??????? ???????? style.
?? ???.?1.4 ??????? ????????? ????????? ???? ?? ???????? 1.7.
???.?1.4. ????????? ?????? ? ??????? ???????? style
??? ????? ?? ????????, ?????????? ????? ????????? ?????????? ?? ??????. ?????? ???????? ????? ? ?????? ????????? ???????, ?????? ??? ??? ????????????? ?? ????? ????? ????? ? ?????????.
??? ???? ?????? ?????? ????? ??? ????????? ? ???????? ?? ? ????????? ???? ? ??????????? CSS. ????????? ?????? ? ???? ???? ????? ??, ??? ? ??? ????????????? ???????? STYLE, ?????? ???? ?????? ????? ???????????.
?????????? ???? ?? ??????? ? ????????? ????? ????? ?????????. ?????? ??????????? ? ???????? 1.8 ? ?????????? ??????? STYLE. ?????? ????? ???????? ????? ???????? ????? ??????: @import URL("nyTb ? ????? ? ?????????");.
??????? 1.8. ?????? ?????? ? ????????? ??????
"http://www.w3.org/TR/html4/loose.dtd">
??? ????? ????????? ? ????????? ?????? ????????? ????? ????? ????????? ?????, ????????? ? ????? test.css.
??????? LINK
????????????? ???????? LINK ? ??? ?????? ?????? ??????????? ????? ? ????????? ?????? ? ?????????. ??????? ?? ??????? ??????? ???????????? ????. ??? ??????????? ??????? ????, ?????? ?????? ??????????? ?????? ??????. ? ?????, ??????? LINK ?????????? ????????? ????? ??????? ????????? ? ??????? ???????????. ????????? ????????? ????? ???? ???????, ?? ? ????????? LINK ?? ???????? ????? ???? ?????.
???????? ??? ????? ???????? ???????? ??????? href; ??? ???????? ? ??? ???? ? ???????, ??? ???????? ??????????? ??? ?????. ???? ??????? ???????? ????????????, ??? ?????? ??????? ? ??????? ???? ?? ????????????? ????? ? ????????, ?? ??????, ??? ?? ??????????.
?????? ????????? ???????? type, ?? ?????? ????????? ???????, ? ??????? ???????????? ?????. ??? ?????????? ?????? ?????? ???? ??????? ????????? ???????? text/css.
? ???????? LINK ???? ??? ????????????????? ????????: rel ? rev. ?????? ?????????? ????????? ????? ??????? ?????????? ? ??????, ? ?????? ? ????????? ??????? ????????? ? ????????. ??? ???????? ????? ????????? ????????? ????????????? ????????, ??????? ?????????? ???? ?????????.
? ???????? 1.9 ???????????? ??????? ????????????? ???????? LINK.
??????? 1.9. ????????????? ???????? LINK
"http://www.w3.org/TR/html4/loose.dtd">
? ??????? ?? ???????? 1.9 ??????? LINK ??????????? ??? ???????????? ? ???????? ????????? ?????? ??????, ??? ???????? ?????, ??????????? ?????????? ?? ????????? ????? ?? ?????? ????????, ? ??? ??????????? ?????, ? ??????? ???????? ?????????? ??????????.
? ????. 1.6 ????????? ????????? ????????? ???????? ???????? rel. ?? ????? ????????? ??????????? ????? ?????????? ? ??????????? ?????????? ??? ? ???????????? ?? ????? W3C.
??????? 1.6. ????????? ???????? ???????? rel
?????
????????????? ???????? alternate ???????? rel ? ????????? ? ??????? ?????????? hreflang ? charset, ??????? ?????? ? ???????? LINK ???? ? ????????? ?????????, ????????? ????????, ??? ?????? ?????????????? ?????? ???????? ?????????, ?????????? ?? ?????? ??????.
?? ??????????? ? ????????? LINK ? ???????? ??? ??????????? ???????????? ?????? ? ?????????? ??????????? ? ? ????????? ? ????????? ??????. ?????? ?????????? ???????, ??????? ?????????? ??? ?????? ? ??????? ??????? ????????? ???????? ??????.
??????? SCRIPT
??????? SCRIPT ????????? ???????????? ? ????????? ????????. ?? ??????? ??????? ???????????? ????, ??? ???? ????? ???????? ????? ????????????? ???? ? ???? ????????, ???? ?? ??????? ?????. ???? ????? ???????? ?????????? ?? ??????? ?????, ?? ?? ???????????? ? ??????? ????????? ???????? SCRIPT.
?????????? ???????? ????? ????????. ???????? ????? ??????? ??????? type, ??????? ?????? ???? ????????, ??????????????? ? ????????. ???? ???? ??????? ?????, ?? ???????? ????????????? ?? ????????? ???? ?????????. ?? ?????? ??????????? ???????? ????? ?? ?????????? ? ???????? SCRIPT ???? ??????? src, ? ???????? ???????? ???????? ?????????? ????? ???????????? ????? ?? ??????????. ??? ??????, ???? ??? ????????? ??????? ????? ???????????? ?????????? ????????.
? ???????? SCRIPT ???? ??? ???? ??????????????? ??????? ? defer, ??????? ????????? ????????? ???????? ?? ????????? ?????? ???????? ????????.
? ???????? 1.10 ???????? ?????? ??????? ??????????? ????????? ? HTML-?????????.
??????? 1.10. ????????????? ???????? SCRIPT
"http://www.w3.org/TR/html4/loose.dtd">
?????????? ???????????? ????????? ?? ??????????, ?????? ???????, ??? ?? ?? ????????? ????????? ?????, ??? ??? ?? ????? ????????? ??????? ?????? ????????????.
??????? BASE
???? ?????? ????????? ????????? ????????????? ?????? ?? ?????, ?? ????? ?????????? ????????, ????? ??????? ???????? ????????? ? ????? ?????????? ??????????. ?? ? ????? HTML ???? ??????????? ??? ??????? ???? ????????.
??????? BASE ?????? ??? ????, ????? ?????? ??????? ?????, ???????????? ???????? ??????????? ??? ????????????? ??????. ??? ??????? ???????? ??????? ? ?????? ???????? ????? ???????? ? ?????? ?????. ????? ??????, ??? ?????? ????? ????????, ??? ? ??????.
??????????
?????????? ????? ????????? ?????????? ?????? ???? ? ????, ??????? ? ????????? ????????. ????????, C:\Test\test.jpg ??? ?????? ?? ????? ?????????? ??? http:// www.test.test/mytests/test.html (http://www.test.test/mytests/test.html) ??? ??????????, ????????????? ? ?????????. ???? ???? ? ????? ????? ??????? ? ???????? ?????? ??? ??????? ???, ?? ????? ?????? ????????????? ?????. ????????, ????? ?? ?????????, ???????????? ?? ?????? C:\Test\MyTests\test.html, ???????? ?????? ? ????????? C:\Test\test.jpg, ?????????? ? ??? ???????. \test.jpg, ??? ???? ???? ?.? ???????? ??????? ?? ????? ??????? ??????? ???????? ?????????.
???????? ????????? ???????? BASE ???????? href. ? ???????? ??? ???????? ???????????? ????? ??????? ?????, ???????????? ??????? ? ????? ??????????? ????????????? ??????.
??? ????? ???????? ????????? ????? ???? ???????? target. ?? ???????????? ??? ?????? ? ????????, ?? ???? ? HTML-???????????, ??????????????? ????? ????? ????, ?????? ?? ??????? ???????? ???????? ? ?????????, ????????????? ???? ?????????. ??????? target ??????????, ? ????? ???? ????? ??????????? ???????? ?? ???????, ????????????? ? ?????????. ???? ??????? ????? ????????? ?????? ????????:
? _top ? ???????? ??? ?????? ? ????????? ???????? ? ?????? ???? ????????;
? _blanc ? ????????? ???????? ? ????? ????;
? _self ? ????????? ???????? ? ??????? ????;
? _parent ? ????????? ???????? ?? ?????-????????.
??? ???? ????? ???????????? ??????? BASE ? ????????? ?????? ?????? ?? ?????????.
? ???????? 1.11 ??????????? ?????? ????????????? ???????? BASE.
??????? 1.11. ????????????? ???????? BASE
"http://www.w3.org/TR/html4/loose.dtd">
? ??????? ?? ???????? 1.11 ??? ????????????? ?????? ????? ??????? ?? ?????? http://www.test.test/ (http://www.test.test/), ?? ???? ???? ? ?????? ????????? ????? ?????? ? ??????? ../IMG/test.jpg, ?? ??????? ????? ?? ???????????? ??? http://www.test.test/IMG/test.jpg (http://www.test.test/IMG/test.jpg). ??? ???? ??? ?????? ????? ??????????? ? ????? ?????, ???? ????? ?????????? ????? ?????? ?? ??????? ?????? ???????.
?? ??????????? ?? ????? ??????????, ??????? ????? ???????????? ?????? ???????? HEAD, ? ?? ????????? ????????? ???? ??????? ? ??? ????.
??????? BODY
?????? ???????? BODY ????????????? ??? ????????: ???? ?????, ??????????? ????? ??????????? ????? ???????????? ????? , ????? ???????????? ?????????. ??? ????????, ?????????? ?? ?????????????? ?????????, ???????? ?????? ???????? BODY.
???????? ???????? BODY ??????????? ??? ????, ????? ?????????? ????? ??? ????? ????????? ????????, ? ? ???? ????????? ??????????? ??????? ???????? ?????????? ???????: ????? ?????? ???? ??????, ????????? ???? ? ?.??.
??????? ?????????? ???????? ???????? BODY, ??????????? ???????????? ??????. ??? ???????? ??????????? ???????? ???? ???????? ?????? ????? ??? ??????????, ???????????? ? ???????? ??????, ??? ???? ????? ???????, ????? ??? ?? ????????? ? ?????? ???? ????????, ?????? ??? ??? ????? ???????? ???????????.
?? ???? ?????? ???????? ????????? ???????? ???????? BODY:
? alink ? ?????? ???? ???????? ??????;
? vlink ? ?????????? ???? ?????????? ??????;
? link ? ????????????? ???? ???????????? ??????.
????? ?????? ????? ?????? ? HEX-??????? ??? ????????? ???????. ???????? ????? ????? ????? ????????????, ???? ?? ?????? ????????? ??????????? ????. ?? ? ???? ?? ??????????? ????????????? ????????????? ?????, ???????? ??????????????? HEX-????????.
? ??????? ?? ???????? 1.12 ???????????? ??? ???????? ??????.
??????? 1.12. ???? ??????
"http://www.w3.org/TR/html4/loose.dtd">
? ??????? ??? ???????? ? ???????????? ?????? ???? ????? ? ??????? ???? ? ????: ??? ?????????? ??? ????? ? ????????????????? ??????? ? ???????????? ? ???????? ???????? ???????????????? ???????? ????? ????? #. ??? ?????????? ?????? ???? ????? ???????? ??????. ???????????? ???????? ????? ??????. ? ???????? ??????????? ????? ? ?? ??????? ??????????? ??????????? ???????? ?????? ?? ?????????? ?????. ?????????? ??????? ???????? ?????? ????? blue, red, black ? ?? ?????????.
??? ???????? ?????? ????? ? ??????, ?? ??? ??? ??????? ????? ????? ??????????, ????????? ????? ??????????? ????????.
??????? BODY ????????????? ??????? ??????????? ??? ?????????? ????? ????????. ?????????? ????????, ?????????? ?? ???.
??? ?????? ???? ?????? ??????? ???? ????????. ??? ???????? ? ??????? ???????? bgcolor, ???????? ???????? ?????????? ???? ????. ????? ????? ??????? ??????? ??????? ???????? ? ??????? ???????? background, ???????? ???????? ???????????? ????? ????? ????? ? ???????? ??? ????. ??? ???? ?????????? ??????? ???? ????, ??????? ? ???????? ????? ???????? ???????. ??? ??????????, ???? ? ???????????? ?? ?????????? ??????? ???????. ????? ???? ???? ?????? ? ????? ???????, ?? ????? ?????????? ? ????? ???? ????????.
????????? ??????? ????????? ?????????? ???? ? ?????????? bgproperties. ?? ??????????, ????? ?? ??? ?????????????? ?????? ? ???????. ???? ??????? ????????? ????? ???? ???????? fixed, ??????????? ????????????? ??? ????????? ? ?? ???????????? ??? ?????? ? ???????. ? ??????????????? ?????? ????? ?????? ??????? ???? ???????. ??? ?????? ?????????? ????????? ???? ???? ??????????? ????? ????????? ? ??????? ?? ???, ????? ??? ????????? ?? ???????? ?????????? ??????.
? ???????? 1.13 ??????????? ?????? ????????????? ????????? ???????? BODY, ?????????? ?? ??? ?????????.
??????? 1.13. ????????? ????
"http://www.w3.org/TR/html4/loose.dtd">